<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>API</title>
    <link href="/static/api/css/docs.css" rel="stylesheet">
    <script src="/static/api/js/jquery-v3.7.js"></script>
    <script src="/static/api/js/docs.js"></script>

    <style>

    </style>
</head>
<body>

<div class="flex h-full">

    <div class="aside b-r">
        <div class="aside-header flex b-b">API</div>
        <div class="aside-body scrollbar">

            <div class="menu">
                <div class="menu-title p-y-1">用户</div>
                <div class="menu-list hidden">
                    <div class="menu-item p-y-1">列表</div>
                    <div class="menu-item p-y-1">新增</div>
                    <div class="menu-item p-y-1">编辑</div>
                    <div class="menu-item p-y-1">删除</div>
                </div>
            </div>


            <div class="menu">
                <div class="menu-title p-y-1">角色</div>
                <div class="menu-list hidden">
                    <div class="menu-item p-y-1">列表</div>
                    <div class="menu-item p-y-1">新增</div>
                    <div class="menu-item p-y-1">编辑</div>
                    <div class="menu-item p-y-1">删除</div>
                </div>
            </div>

            <div class="menu">
                <div class="menu-title p-y-1">菜单</div>
                <div class="menu-list hidden">
                    <div class="menu-item p-y-1">列表</div>
                    <div class="menu-item p-y-1">新增</div>
                    <div class="menu-item p-y-1">编辑</div>
                    <div class="menu-item p-y-1">删除</div>
                </div>
            </div>

        </div>
    </div>

    <div class="main b-r">
        <div class="main-header b-b">

        </div>
        <div class="main-body scrollbar">
            <form class="form">
                <div class="form-body">
                    <div class="flex p-y-1">
                        <label class="label flex" for="name">名称：</label>
                        <div class="form-item flex-grow">
                            <input type="text" id="name" required/>
                        </div>
                    </div>

                    <div class="flex p-y-1">
                        <label class="label flex">属性属性属性：</label>
                        <div class="form-item flex flex-grow">
                            <input type="radio" id="n1" name="w" required/>
                            <label for="n1">选择1</label>

                            <input type="radio" id="n2" name="w" required/>
                            <label for="n2">选择2</label>
                        </div>
                    </div>

                    <div class="flex p-y-1">
                        <label class="label flex" for="a1">备注：</label>
                        <div class="form-item flex-grow">
                            <textarea id="a1" rows="3" required></textarea>
                        </div>
                    </div>
                </div>

                <div class="flex flex-end p-y-1">
                    <button type="reset" class="btn btn-default">重 置</button>
                    <button type="button" class="btn">确 认</button>
                </div>
            </form>
        </div>
    </div>

    <div class="result flex-grow scrollbar">

    </div>

</div>
</body>
</html>